<!-- Generated template for the MyzuopinComponent component -->
<!--<div style="display: table!important;">-->
<div padding="11">
  <ng-container *ngFor="let info of listitemwodezuopin;let i=index;" >
  <ion-content style="margin-top: 11px">
    <ion-list style="width: 100%">
    <div  class="cards-bg social-cards" style="border-radius: 15px;padding: 5px;border-top:1px solid #28a4c9;border-bottom:2px solid #28a4c9;border-left:1px solid #28a4c9;border-right:1px solid #28a4c9">

      <ion-item>

        <h2 margin-top="5" style="text-align: center">{{info['worksTitle']}}</h2>
        <p style="text-align: center">{{info['pohtoTime']}}</p>

      <img style="width: 100%" src="http://www.bkqs8.com/photo/weChatApi/loadImg?path=worksdetails&filename={{info['img']}}">
        <p style="margin-top: 7px">记录：{{info['content']}}</p>
        <p>{{info['imgRemark']}}</p>

      <ion-row>
        <ion-col>
          <img style="width: 28px;height: 28px" src="assets/icon/dianzan.png">
          <ion-note >
            喜欢:{{info['giveLikeNumber']}}
          </ion-note>
        </ion-col>
        <ion-col>
          <img style="width: 28px;height: 28px" src="assets/icon/liuyan.png">
          <ion-note>
              留言:{{info['replyNumber']}}
          </ion-note>
        </ion-col>
        <ion-col >
          <img style="width: 28px;height: 28px" src="assets/icon/zhuanfa.png">
          <ion-note>
              转发:{{info['forwardNumber']}}
          </ion-note>
        </ion-col>
      </ion-row>
      <p>创建时间：{{info['createTime']}}</p>
      <p>拍摄地点：{{info['address']}}</p>
      <h4>问题：</h4><br>
      <p>{{info['answerOne']}}</p><br>
      <p>{{info['answerTwo']}}</p><br>
      <p>{{info['answerThree']}}</p><br>
      <p>{{info['answerFour']}}</p><br>
      <p>{{info['answerFive']}}</p><br>
      <p>{{info['answerSix']}}</p><br>
        <br><br>
        <div style="text-align: center">
          <button style="background-color: #f53d3d ;border-radius: 5px;color: snow;width: 89%;height: 36px" outline (click)="querymore(info['id'])">删除作品</button>
        </div>

      </ion-item>
        <br>

    </div>
    </ion-list>
  </ion-content>
  </ng-container>
</div>
